body{
  overflow-x:hidden;
}

.amap-logo {
  right: 0 !important;
  left: auto !important;
  display: none;
}
        
.amap-copyright {
    right: 70px !important;
    left: auto !important;
}  

.font_box{
    margin-top:3%; 
    font-size: 20px;
    background: #002d2d;
    color: #fff;
    border:1px solid #002d2d;
}

.popo_save{
   float: right;
   margin-top: 20px;
}

.popo_labtext{
  font-family: "幼圆";
  color: #1b7fb6;
}

.popo_username{
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}

.popo_close{
  font-size: 30px;
  color: #fff;
  margin-right: 10px;
  float:right;
  cursor: pointer;
}

.unlog_w{
  position: relative;
  margin: 18% auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.unlog_log{
  position: relative;
  display: block;
  width: 200px;
  margin:auto;
}

.auto_container{
    margin: 5% 2%;
}

#popo_unlog{
  position: relative;
  height: 240px;
  width: 400px;
  margin: 12% auto;
  z-index: 150;
  background: #114840;
  opacity: .8!important;
  border:5px solid #0a3135;
  border-radius: 10px;
  display: none;

}

#popo_det{
  position: relative;
  height: 360px;
  width: 720px;
  margin: 12% auto 0px auto;
  z-index: 150;
  background: #114840;
  opacity: .8!important;
  border:5px solid #0a3135;
  border-radius: 10px;
  display:none;

}

#popo_write_logo{
  width: 80px;
  height: 80px;
  float: left;
  margin: 10px;
}

#popo_write_name{
  line-height: 100px;
  height: 100px;
  overflow: hidden;
  color: #fff;
  font-size: 30px;
  display: block;
}

#popo_write_content{
    margin:10px; 
    margin-top: 35px;
    word-break:break-all;
    font-size: 20px;
    color: #fff;
    height: 200px;
    overflow: hidden;
}

#popo_write_time{
   float: right;
   margin-right: 10px;
   color: #fff;
   font-size: 20px;
}

#popo_write_time_log{
  float: right;
  margin-right: 10px;
  color: #fff;
  font-size: 25px;
}

 #container{
      top: 52px;
      height: 92%;
 }
 #ufo_button{
      position: absolute;
      height: 70px;
      width: 70px;
      background: url("/images/popo_button.png");
      background-size: 100% 100%;
      right: 1%;
      z-index: 150;
      cursor:pointer;
 }
 #popo_write{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
 }
 #popo_write_bg{
      position: absolute;
      height: 100%;
      width: 100%;
      background: #0d0a31!important;
      top: 0;
      opacity: .85!important;
      z-index: 180;
 }
 #popo_write_left{
      position: relative;
      height: 450px;
      width: 900px;
      margin:10% auto 0px auto;
      background: #114840;
      border: 2px solid #0a3135;
      border-radius: 10px;
      opacity: .8!important;
      z-index: 200;
      overflow:auto;
 }


 #popo_star{
    position: absolute;
    height: 200px;
    width: 200px;
    top: 10%;
    left: 10%;
    z-index: 200;
    background: url("/images/popo_star.png");
    background-size: 100% 100%;
    
    animation: popo_star_an 5s linear infinite;
    /* Firefox: */
    -moz-animation: popo_star_an 5s linear infinite;
    /* Safari 和 Chrome: */
    -webkit-animation: popo_star_an 5s linear infinite;
    /* Opera: */
    -o-animation: popo_star_an 5s linear infinite;
 }


#popo_star2{
    position: absolute;
    height: 200px;
    width: 200px;
    top: 60%;
    right: 10%;
    z-index: 200;
    background: url("/images/popo_star2.png");
    background-size: 100% 100%;
    
    animation: popo_star_an 10s linear infinite;
    /* Firefox: */
    -moz-animation: popo_star_an 10s linear infinite;
    /* Safari 和 Chrome: */
    -webkit-animation: popo_star_an 10s linear infinite;
    /* Opera: */
    -o-animation: popo_star_an 10s linear infinite;
 }


 @keyframes popo_star_an
{
  0%{transform: rotate(360deg);}
}

@-moz-keyframes popo_star_an 
{
  0%{-moz-transform: rotate(360deg);}
}

@-webkit-keyframes popo_star_an
{
  0%{-webkit-transform: rotate(360deg);}
}

@-o-keyframes popo_star_an 
{
  0%{-o-transform: rotate(360deg);}

}


@media  (max-width: 900px) {
    #popo_write_left{
      height: 450px;
      width: 90%;
      margin:100px auto 0px auto;
    }

    #popo_star{
      width: 150px;
      height: 150px;
    }

    #popo_star2{
      width: 150px;
      height: 150px;
    }


    #popo_det{
      width: 85%;
    }

   /* #container{
        height: 500px;
    }*/

  }

@media  (max-height: 550px) {
      
      #popo_write{
        height: 550px;
        width: 100%;
      }
      #popo_write_bg{
        height: 550px;
        width: 100%;
      }
      #popo_star{
        width: 150px;
        height: 150px;
      }

      #popo_star2{
        width: 150px;
        height: 150px;
      }

      #container{
        height: 500px;
      }



  }